import React, { PureComponent } from 'react'

export default class ClassTitleChange extends PureComponent {
    constructor(props){
        super(props);

        this.state = {
            counter: 0
        }
    }
    render() {
        return (
            // 当计数器发生改变的时候，标题栏中显示的可以一起发生改变
            <div>
                <h2>当前计数： {this.state.counter}</h2>
                <button onClick={e => this.setState({counter: this.state.counter + 1})}>+1</button>
            </div>
        )
    }

    componentDidMount(){
        document.title = this.state.counter;  //将计数器中的数字映射到地址栏当中
        console.log("订阅一些事件");
    }
     //当类组件重新渲染的时候，就会执行下面的生命周期
    componentDidUpdate(){
        document.title = this.state.counter;
        console.log("取消订阅");
    }
}
